<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>API</title>
		<link rel="stylesheet" href="../css/common.css" />
		<link rel="stylesheet" href="../css/top&footer.css" />
		<link rel="stylesheet" href="../css/model.css" />
		<link rel="stylesheet" href="../图标字体/1/iconfont.css" />
		<link rel="stylesheet" href="../css/api.css" />
	</head>

	<body>
		<!-- 头部 -->
		<header>
			<div class="header-top fe b-box flex-c-sb">
				<!-- log -->
				<img src="../img/logo-white.png" alt="" />
				<!-- nav -->
				<nav class="nav-top fe flex-sb">
					<a href="../html/index.html" class="fc-white">首页</a>
					<a href="../html/api.html" class="fc-white active">API</a>
					<a href="../html/service.html" class="fc-white">云服务</a>
					<a href="../html/example.html" class="fc-white">案例</a>
					<a href="../html/developer.html" class="fc-white">开发者</a>
				</nav>
				<!-- 登录注册 -->
				<div class="btn-top fe flex-sb">
					<button class="log-top fc-white">登录</button>
					<button class="register-top">注册有礼</button>
				</div>
			</div>
		</header>

		<main>
			<!-- 提示 -->
			<span class="reminder1">可跳转的有</span>
			<span class="reminder2"> 头部：登录、注册有礼、验证码 </span>
			<span class="reminder3"> 卡片区：介绍文字和立即申请 </span>
			<!-- 分类 -->
			<section id="classify">
				<div>
					<h1>API分类</h1>
					<ul class="fe"></ul>
				</div>
			</section>
			<!-- api -->
			<section id="api">
				<!-- 搜索框 -->
				<div id="search">
					<span id="searchName" class="fw-b">全部</span>
					<input type="search" />
					<!-- 搜索图标 -->
					<span class="iconfont1 icon-sousuo" id="icon-search"></span>
				</div>
				<!-- 具体 -->
				<div id="api-2" class="fe"></div>
				<!-- 页面数 -->
				<div id="api-3">
					<button class="page-active cursor">1</button>
					<button class="page-unactive cursor">2</button>
					<button class="page-unactive cursor">3</button>
					<button class="page-unactive cursor">4</button>
					<button class="page-unactive cursor">5</button>
					<span>......</span>
					<span class="fc-blue cursor">下一页&emsp;></span>
				</div>
			</section>
		</main>

		<!-- 尾部 -->
		<footer class="b-box">
			<div class="fe flex-c-sb">
				<!-- 左 -->
				<div id="foot-left" class="fe">
					<!-- 渲染 -->
					<ul class="fe flex-sb"></ul>
				</div>
				<!-- 右 -->
				<div id="foot-right">
					<div>
						<h1>微信公众号</h1>
						<p>源码时代</p>
					</div>
					<p class="fc-gray"><img src="../img/103-demo.png" alt="" /></p>
				</div>
			</div>
			<!-- 最后 -->
			<div class="fe" id="last">
				<div id="licence" class="fe flex-b-sb">
					<img src="../img/bei1.png" alt="" />
					<img src="../img/bei2.png" alt="" />
					<p>
						增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
					</p>
				</div>

				<p class="fc-gray">源码大数据股份有限公司©版权所有</p>
			</div>
		</footer>
		<!-- 模态框 -->
		<section class="model"></section>
		<!-- js -->
		<!-- 引入swiper的JS -->

		<!-- 引入公共js -->
		<script src="../js/util.js"></script>
		<script src="../js/login&register.js"></script>
		<script src="../js/footer.js"></script>
		<!-- 引入当前页JS -->
		<script src="../js/api.js"></script>
	</body>
</html>
